if (!localStorage.getItem("token")) location.href = "../longin.html";
function getUserInfo() {
  axios({
    method: "GET",
    url: "http://api-breakingnews-web.itheima.net/my/userinfo",
    // 自定义请求头
    headers: {
      Authorization: localStorage.getItem("token"),
    },
  }).then(({ data: res }) => {
    // console.log('小网页触发的事件.......');
    // console.log(res);
    // 判断请求成功
    if (res.status === 0) {
      let { id, username, nickname, email, user_pic } = res.data;
      // console.log(id, username, nickname, email, user_pic);

      // 判断依据: 用户昵称如果没有填写,默认显示是注册的用户名
      if (nickname) username = nickname;
      $(".username").html(username);
      // 判断用户的头像
      if (!user_pic) {
        // 没有上传头像 === 显示的是用户名的首字母的大写
        $(".avatar")
          .css("display", "inline-block")
          .html(username[0].toUpperCase());
        // 默认的图片显示 === 隐藏
        $(".layui-nav-img").css("display", "none");
      } else {
        // 图片显示
        $(".avatar").css("display", "none");
        $(".layui-nav-img")
          .css("display", "inline-block")
          .prop("src", user_pic);
      }
    } else {
      // 判断 token是否过期,是否是错误的
      // 清除本地的token,并跳转到登录页
      localStorage.removeItem("token");
      location.href = "/longin.html";
    }
  });
}
getUserInfo();

$("#logout").on("click", function () {
  layer.confirm(
    "亲，可不可以不退出？",
    { icon: 3, title: "温馨提示" },
    function (index) {
      //do something
      localStorage.removeItem("token");
      location.href = "../longin.html";
      layer.close(index);
    }
  );
});
